<html lang="zh" style="height: 100%;"><head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="csrf-token" content="ZyzMj4yh0rby1OiCGscenjnLbYY3ZGOT1eZkFodE">
    <title>日历</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/mdui/0.4.2/css/mdui.min.css">
    <link rel="stylesheet" href="https://gcunetworkcenter.gitee.io/self-cdn/cdn/dropload/v0.9.1/css/dropload.min.css">
        
    <style type="text/css">
        .mdui-opacity {
            opacity: .54;
        }
        .mdui-background-opacity{
            opacity:.8;
        }
        .mdui-background-opacity:hover{
            opacity: 1.0;
        }
        .body-background{
            background-image:url(#);
            background-size:100% auto;
            background-position: center center;
        }
        .mdui-display{
            display: none;
        }
    </style>
    </head>
<body class="mdui-theme-primary-indigo mdui-theme-accent-light-blue mdui-appbar-with-toolbar mdui-loaded" style="height: 100%;">


    
        
            
        
    


    
    <div class="mdui-appbar mdui-appbar-fixed mdui-appbar-scroll-hide mdui-headroom">
        <div class="mdui-toolbar mdui-color-theme">
            <span class="mdui-typo-title">2019-11-13</span>
            <div class="mdui-toolbar-spacer"></div>
            <a href="#" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons"></i></a>
            <a href="#" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons"></i></a>
            <a href="#" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons"></i></a>
            <button onclick="change_background()" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons"></i></button>
            <button onclick="change_style()" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons"></i></button>
        </div>
    </div>

    <div class="mdui-container-fluid">
        <div class="mdui-row-xs-7 mdui-m-t-2">
            <div class="mdui-col mdui-text-center">
                <div class="mdui-typo-title mdui-hidden-sm-up">日</div>
                <div class="mdui-typo-display-1 mdui-hidden-xs-down">日</div>
            </div>
            <div class="mdui-col mdui-text-center">
                <div class="mdui-typo-title mdui-hidden-sm-up">一</div>
                <div class="mdui-typo-display-1 mdui-hidden-xs-down">一</div>
            </div>
            <div class="mdui-col mdui-text-center">
                <div class="mdui-typo-title mdui-hidden-sm-up">二</div>
                <div class="mdui-typo-display-1 mdui-hidden-xs-down">二</div>
            </div>
            <div class="mdui-col mdui-text-center">
                <div class="mdui-typo-title mdui-hidden-sm-up">三</div>
                <div class="mdui-typo-display-1 mdui-hidden-xs-down">三</div>
            </div>
            <div class="mdui-col mdui-text-center">
                <div class="mdui-typo-title mdui-hidden-sm-up">四</div>
                <div class="mdui-typo-display-1 mdui-hidden-xs-down">四</div>
            </div>
            <div class="mdui-col mdui-text-center">
                <div class="mdui-typo-title mdui-hidden-sm-up">五</div>
                <div class="mdui-typo-display-1 mdui-hidden-xs-down">五</div>
            </div>
            <div class="mdui-col mdui-text-center">
                <div class="mdui-typo-title mdui-hidden-sm-up">六</div>
                <div class="mdui-typo-display-1 mdui-hidden-xs-down">六</div>
            </div>
        </div>
        <div class="mdui-m-t-1">
            <div class="mdui-divider"></div>
        </div>
        <div class="mdui-row-xs-7 mdui-m-t-1">
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-10-27')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class="  mdui-opacity " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            27
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class="  mdui-opacity " style="
                                                                                                                                                                                      ">
                            27
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-10-28')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class="  mdui-opacity " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            28
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class="  mdui-opacity " style="
                                                                                                                                                                                      ">
                            28
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-10-29')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class="  mdui-opacity " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            29
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class="  mdui-opacity " style="
                                                                                                                                                                                      ">
                            29
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-10-30')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class="  mdui-opacity " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            30
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class="  mdui-opacity " style="
                                                                                                                                                                                      ">
                            30
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-10-31')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class="  mdui-opacity " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            31
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class="  mdui-opacity " style="
                                                                                                                                                                                      ">
                            31
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-01')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            1
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            1
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-02')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            2
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            2
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-03')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            3
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            3
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-04')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            4
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            4
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-05')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            5
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            5
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-06')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            6
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            6
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-07')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            7
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            7
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-08')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            8
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            8
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-09')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            9
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            9
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-10')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            10
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            10
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-11')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                               color:#00BCD4!important;
                                     /*text-decoration:underline; text-decoration-color:#00BCD4;*/
                                                                                                                                                                                        padding-top:8px; padding-bottom: 8px;
                                                         ">
                            11
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                               color:#00BCD4!important;
                                     /*text-decoration:underline; text-decoration-color:#00BCD4;*/
                                                                                                                                                         ">
                            11
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-12')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            12
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            12
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-13')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" mdui-btn mdui-btn-icon mdui-btn-dense mdui-color-theme mdui-ripple  " style="
                                                                                                                                                            color:#00BCD4!important;
                                     /*text-decoration:underline; text-decoration-color:#00BCD4;*/
                                                                                                                         ">
                            13
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" mdui-color-theme  " style="
                                                                                                                                                         color:#00BCD4!important;
                                     /*text-decoration:underline; text-decoration-color:#00BCD4;*/
                                                                                               ">
                            13
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-14')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            14
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            14
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-15')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            15
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            15
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-16')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            16
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            16
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-17')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            17
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            17
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-18')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            18
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            18
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-19')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            19
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            19
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-20')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            20
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            20
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-21')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            21
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            21
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-22')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            22
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            22
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-23')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            23
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            23
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-24')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            24
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            24
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-25')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            25
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            25
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-26')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            26
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            26
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-27')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            27
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            27
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-28')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            28
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            28
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-29')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            29
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            29
                        </div>
                    </div>
                </div>
                            <div class="mdui-col mdui-text-center mdui-ripple mdui-m-t-1" onclick="load_data('2019-11-30')">
                    <div class="mdui-typo-Subheading mdui-hidden-sm-up">
                        <div class=" " style="
                                                                                                                                                                                                                  padding-top:8px; padding-bottom: 8px;
                                                         ">
                            30
                        </div>
                    </div>
                    <div class="mdui-typo-headline mdui-hidden-xs-down">
                        <div class=" " style="
                                                                                                                                                                                      ">
                            30
                        </div>
                    </div>
                </div>
                    </div>






























        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        

        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        


        <div class="mdui-m-t-1">
            <h4 class="mdui-m-b-0" id="date">2019-11-13</h4>
        </div>
        <div class="mdui-m-t-1">
            <div class="mdui-divider"></div>
        </div>
        <div class="mdui-row" id="data"><div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4 mdui-col-lg-3 mdui-m-t-1">
        <div class="mdui-card mdui-background-opacity">
            <!-- 卡片头部，包含头像、标题、副标题 -->
            <div class="mdui-card-header">
                <div class="mdui-card-header-title">ACM集训队培训</div>
                <div class="mdui-card-header-subtitle">2019-11-13&nbsp;19:00:00</div>
                                    <div class="mdui-card-header-subtitle">A3-210</div>
                            </div>
            <div class="mdui-display" id="8">
                <!-- 卡片的媒体内容，可以包含图片、视频等媒体内容，以及标题、副标题 -->
                            <!-- 卡片的内容 -->
                <div class="mdui-card-content">
                    <p>ACM集训队培训，讲最短路</p>
                    <p>发布者：集训队</p>
                </div>
            </div>
            <!-- 卡片的按钮 -->
            <div class="mdui-card-actions">
                                <button class="mdui-btn mdui-btn-icon mdui-float-right" onclick="show_more('8')"><i class="mdui-icon material-icons">expand_more</i>
                </button>
            </div>
        </div>
    </div>
</div>
    </div>

<script src="https://cdn.bootcss.com/mdui/0.4.2/js/mdui.min.js"></script>
<script src="https://gcunetworkcenter.gitee.io/self-cdn/cdn/jquery/v1.11.0/js/jquery.min.js"></script>
<script src="https://gcunetworkcenter.gitee.io/self-cdn/cdn/dropload/v0.9.1/js/dropload.min.js"></script>
<script type="text/javascript">
    var $$ = mdui.JQ;
    $$.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    function change_style(){
        $$('body').toggleClass('mdui-theme-layout-dark');
    }
    function check_time(){
        var myDate = new Date();
        var hour=myDate.getHours();
        if(hour>6&&hour<22){
            change_style();
        }
    }
    $$(check_time());
</script>
    <script type="text/javascript">
        function change_background(){
            $$('body').toggleClass('body-background');
        }
        function show_more(div)
        {
            console.log(div);
            $$('#'+div).toggleClass('mdui-display');
        }
        function load_data(date)
        {
            console.log(date);
            $$('#date').html(date);
            $$.ajax({
                type: 'GET',
                url: '#',
                data:{
                    date:date
                },
                success: function(data){
                    mdui.snackbar('数据加载成功');
                    $$('#data').html(data);
                    mdui.mutation();
                },
                error: function(xhr, textStatus){
                    mdui.snackbar('数据加载失败', {
                        onClosed:function(){
                            mdui.snackbar('错误原因:'+xhr.statusText);
                        }
                    });
                }
            });
        }
    </script>


</body></html>